<?php
function top_module($pageTitle) {

$html = <<<"OUTPUT"
<!DOCTYPE html>
    <html lang='en'>

    <head>
        <meta charset="utf-8">
        <title>$pageTitle</title>

        <!-- Keep wireframe.css for debugging, add your css to style.css -->
    <link id='wireframecss' type="text/css" rel="stylesheet" href="../wireframe.css" disabled>
    <script src='../wireframe.js'></script>
</head>

<body>

    <header>
        <figure>
            <img src="pictures/headerbagr.png" alt="Logo" />
            <a href="login.php"><strong>Login</strong></a>
        </figure>
    </header>

    <nav>
        <ul>
            <li><a href="index.php">Home Page</a></li>
            <li><a href="products.php" target="_blank">All Products</a></li>
            <li><a href="product.php" target="_blank">Single Product</a></li>
            <li><a href="cart.php" target="_blank">Cart</a></li>
            <li><a href="comingSoon.html" target="_blank">Head Phones</a></li>
        </ul>
    </nav>


    <main>
OUTPUT;
echo $html;

}

function end_module() {

$html = <<<"OUTPUT2"
        </main>
                <hr>
                <footer>
                    &copy;
                    <script>
                        document.write(new Date().getFullYear());

                    </script>
                    

                    <p>Disclaimer: </p >
                    <button id='toggleWireframeCSS' onclick='toggleWireframe()'>Toggle Wireframe CSS</button>
                </footer>

    </body>

    </html>

OUTPUT2;
echo $html;

}



?>